309. Araxis Merge File Comparison Report

Produced by Araxis Merge on 2021-05-13 09:09:07 +0000. See www.araxis.com for information about Merge. This report uses XHTML and CSS2, and is best viewed with a modern standards-compliant browser. For optimum results when printing this report, use landscape orientation and enable printing of background images and colours in your browser.

309.1 Files compared

#LocationFileLast Modified
1/Applications/Ampps/www/Porto 3.2.2/Theme Files/Magento 2.x/Porto Theme/app/design/frontend/Smartwave/porto/web/css/source_breadcrumbs.less2017-12-26 04:43:52 +0000
2/Applications/Ampps/www/Porto v4.0.0/Theme Files/Magento 2.x/Porto Theme/app/design/frontend/Smartwave/porto/web/css/source_breadcrumbs.less2021-02-09 08:18:04 +0000

309.2 Comparison summary

DescriptionBetween
Files 1 and 2
Text BlocksLines
Unchanged864
Changed352
Inserted14
Removed35

309.3 Comparison options

WhitespaceConsecutive whitespace is treated as a single space
Character caseDifferences in character case are significant
Line endingsDifferences in line endings (CR and LF characters) are ignored
CR/LF charactersNot shown in the comparison detail
Active line-pairing rules

309.4 Active regular expressions

No regular expressions were active.

309.5 Comparison detail

1 // /** 1 // /**
2 //  * Copyright © 2015 Magento. All rights reserved. 2 //  * Copyright © 2015 Magento. All rights reserved.
3 //  * See COPYING.txt for license details. 3 //  * See COPYING.txt for license details.
4 //  */ 4 //  */
5  5 
6 // 6 //
7 //  Common 7 //  Common
8 //  _____________________________________________ 8 //  _____________________________________________
9  9 
10 & when (@media-common = true) { 10 & when (@media-common = true) {
11     .breadcrumbs {    
12         .lib-breadcrumbs();    
13     }    
14     .page-wrapper > .breadcrumbs { 11     .page-wrapper > .breadcrumbs {
15         padding: 0; 12         padding: 0;
16         background-color: @breadcrumbs__background-color; 13         background-color: @breadcrumbs__background-color;
17         color: @breadcrumbs__font-color; 14         color: @breadcrumbs__font-color;
18          15         font-size: .75rem;
    16         margin-bottom: 0;
19         .items { 17         .items {
    18           padding: 12px 10px;
    19           display: flex;
    20           flex-wrap: wrap;
    21           font-size: 1em;
20             color: inherit; 22           color: inherit;
21             padding: 10px 15px; 23           >li {
22             margin: 0 auto; 24             text-shadow: none;
23             max-width: @layout__max-width; 25             text-transform: uppercase;
    26             display: flex;
    27             align-items: center;
    28             margin: 0;
    29             &.home a {
    30               position: relative;
    31               width: 14px;
    32               text-indent: -9999px;
    33               &:after {
    34                 font-family: porto-icons;
    35                 content: "\e883";
    36                 float: left;
    37                 text-indent: 0;
    38               }
    39             }
    40             a {
    41               display: inline-block;
    42               border-color: transparent;
    43               background: transparent;
    44               color: inherit;
    45               padding: 0;
    46             }
    47             &:not(:last-child)::after {
    48               position: relative;
    49               content: "\e81a";
    50               font-family: porto-icons;
    51               right: -1px;
    52               display: block;
    53               float: right;
    54               margin: 0 4px;
    55               width: 20px;
    56               text-align: center;
    57               font-style: normal;
    58               font-size: 12px;
    59               line-height: inherit;
    60             }
    61             strong {
    62               font-weight: inherit;
    63             }
    64           }
24         } 65         }
25             
26         a, a:hover, a:focus { 66         a, a:hover, a:focus {
27             color: @breadcrumbs__font-color; 67             color: @breadcrumbs__font-color;
28         } 68         }
29             
30         .item:not(:last-child):after { 69         .item:not(:last-child):after {
31             line-height: 15px; 70             line-height: 15px;
32         } 71         }
33     } 72     }
34 } 73 }
35  74 
36 // 75 //
37 //  Mobile 76 //  Mobile
38 //  _____________________________________________ 77 //  _____________________________________________
39  78 
40 .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { 79 .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) {
41     .breadcrumbs {
 80     .breadcrumbs { }
42         display: none;    
43     }    
44 } 81 }